<template>
    <div style="background-color: #e0e3ea;height: 60px">
        <img src="/public/blog-t.png" style="height: 40px;margin-top: 5px;margin-left: 20px;">
    </div>
    <el-menu
            :default-active="defaultActive"
            :default-openeds="['blogManage']"
            :unique-opened="true"
            :collapse="isCollapse"
            :router="true"
            style="height: calc(100vh - 60px)">
        <el-menu-item index="/admin">
            <el-icon>
                <Odometer/>
            </el-icon>
            首页
        </el-menu-item>
        <el-sub-menu index="blogManage">
            <template #title>
                <el-icon>
                    <MessageBox/>
                </el-icon>
                <span>内容管理</span>
            </template>
            <el-menu-item index="/admin/editBlog/0">
                <el-icon>
                    <EditPen/>
                </el-icon>
                写博客
            </el-menu-item>
            <el-menu-item index="/admin/article">
                <el-icon>
                    <Document/>
                </el-icon>
                文章管理
            </el-menu-item>
            <el-menu-item index="/admin/category">
                <el-icon>
                    <Files/>
                </el-icon>
                分类管理
            </el-menu-item>
            <el-menu-item index="/admin/tag">
                <el-icon>
                    <PriceTag/>
                </el-icon>
                标签管理
            </el-menu-item>
            <el-menu-item index="/admin/aphorism">
                <el-icon>
                    <Memo/>
                </el-icon>
                名言警句
            </el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="pictureManage">
            <template #title>
                <el-icon>
                    <Monitor/>
                </el-icon>
                <span>图片管理</span>
            </template>
            <el-menu-item index="/admin/album">
                <el-icon>
                    <PictureRounded/>
                </el-icon>
                相册管理
            </el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="systemManage">
            <template #title>
                <el-icon>
                    <Setting />
                </el-icon>
                系统管理
            </template>
            <el-menu-item index="/admin/userManage">
                <el-icon>
                    <User/>
                </el-icon>
                用户管理
            </el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="systemMonitor">
            <template #title>
                <el-icon>
                    <VideoCamera/>
                </el-icon>
                <span>系统监控</span>
            </template>
            <el-menu-item index="/admin/druid">
                <el-icon>
                    <Orange/>
                </el-icon>
                druid监控
            </el-menu-item>
            <el-menu-item index="/admin/swagger">
                <el-icon><Connection /></el-icon>
                接口监控
            </el-menu-item>
        </el-sub-menu>
    </el-menu>
</template>

<script>
export default {
    name: "Aside",
    data() {
        return {
            isCollapse: false,
            defaultActive: this.$route.path,
        }
    },
}
</script>

<style scoped>

</style>